<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/jquery.js"></script>    
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/jquery.min.js"></script>  
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap-table.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/toastr.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap-datetimepicker.fr.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/moment.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap-table-editable.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap-editable.js"></script>		
		<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/bootstrap-table-zh-CN.js"></script>		
		        
  		<link href="${pageContext.request.contextPath}/sys/style/css/bootstrap.css" rel="stylesheet" />
  		<link href="${pageContext.request.contextPath}/sys/style/css/bootstrap-table.css" rel="stylesheet" />
  		<link href="${pageContext.request.contextPath}/sys/style/css/toastr.css" rel="stylesheet" />
  		<link href="${pageContext.request.contextPath}/sys/style/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
  		<link href="${pageContext.request.contextPath}/sys/style/css/bootstrap-editable.css" rel="stylesheet" />
 		
  </head>

  <body>
  		<!-- 可选餐桌id -->
  		<div class="modal fade" id="myModal_D_id" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
  		<div class="modal-dialog modal-lg" role="document"> <!-- 第二层框架，也是整体框架 -->
			  
			<!-- 最上层的新增框加上最右边的小叉叉 -->
				<div class="modal-content">   <div class="modal-header"> 
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>    
					
					<h4 class="modal-title" id="myModalLabel">当前可选餐桌号列表</h4>   
				</div>   
				
				<div class="modal-body">  <!-- 第二层的中间主题部分 -->
					
					<div class="form-group">    
						<label for="txt_departmentname" id="ToShowD_id" >
							
						</label> 
					</div>
					  
				    
				     <!--第二层的中间框架结束 -->
			
					<!-- 第二层尾部的保存关闭按钮部分 -->
					<div class="modal-footer">    
						<button type="button" class="btn btn-default" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
						</button>    
					</div>   
				</div>  
		</div> 
		
		</div></div>
  		<!-- 可选餐桌id -->
  		
  		
  		
  
  		<div class="panel-body" style="padding-bottom:0px;">  
  				<div class="panel panel-default">  
  					<div class="panel-heading">查询条件</div>  
  						<div class="panel-body">  
  							<form id="formSearch" class="form-horizontal" >  
  								<div class="form-group" style="margin-top:15px">  
  			
  									<label class="control-label col-sm-1" for="txt_search_statu">类型</label>  
  										<div class="col-sm-3">
  											<select  class="form-control" id="type" name="type">  
  												<option value="v_id" >客户编号</option>
  												<option value="t_id" >餐桌编号</option>
  												<option value="p_status" >使用状态</option>
  											</select>
  										</div>  
  								
  									<label class="control-label col-sm-1" for="txt_search_departmentname"></label>  							
  										<div class="col-sm-3">  
  											<input type="text" class="form-control" id="keyword" name="keyword" placeholder="请输入要查询的关键字">  
  										</div>  
  								
	  								<div class="col-sm-4" style="text-align:left;">  
	  									<button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary" id="button_search1" onclick="button_search()">
	  										查询
	  									</button>  
	  								</div>
  								</div>  
  							 </form>  
  						</div>  
  				  </div>
  			
  			
  
  
  		<div id="toolbar" class="btn-group">  
  		
  			<button id="build" type="button" class="btn  btn-success" data-toggle="modal" data-target="" onclick="append()">  
            	<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加   
        	</button>   
  			
  			 <button id="btnEdit" type="button" class="btn   btn-warning" onclick="ShowD_id()">  
            	<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>当前可选餐桌号             
        	 </button>
  		    
  		     <button id="btnDel" type="button" class="btn  btn-danger" data-toggle="modal" data-target="#DeleteForm" onclick="Alert_status()">  
            	<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>已到店  
        	 </button> 
  		  
  	    </div> 
  	    
  		<table id="tb_departments"></table> 
  		
  		<!-- 最外层框架，隐藏起来 -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
			
			<div class="modal-dialog modal-lg" role="document"> <!-- 第二层框架，也是整体框架 -->
			  
			<!-- 最上层的新增框加上最右边的小叉叉 -->
				<div class="modal-content">   <div class="modal-header"> 
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>    
					
					<h4 class="modal-title" id="myModalLabel">新增</h4>   
				</div>   
				
				<div class="modal-body">  <!-- 第二层的中间主题部分 -->
					
					
					<div class="form-group">    
				    	<label for="txt_statu">预计到店时间</label>    
				    	
				    	 <div class="container">
							        <div class='col-sm-11'>
							            <div class="form-group">
							                <div class='input-group date' id='datetimepicker1'>
							                    <input type='text' class="form-control" id="timee"/>
							                    <span class="input-group-addon">
							                    	<span class="glyphicon glyphicon-calendar"></span>
							                    </span>
							                </div>
							            </div>
							        </div>
				        </div>  <!-- <div class="container"> --> 
					</div>  
					
					
					<!-- 设置异步查询餐桌是否被用 -->
					<div class="form-group">    
						<label for="txt_parentdepartment">餐桌编号</label>    
						 <select  id="sele_d_id" class="form-control"  name="type" >
						 		 
  						</select>
					</div>    
					
					
					<div class="form-group">    
						<label for="txt_departmentname">客户编号</label>    											
						<select  id="sele_v_id" class="form-control"  name="txt_departmentname" >
						 		 
  						</select>  
					</div>
					  
				    
				     <!--第二层的中间框架结束 -->
			
			<!-- 第二层尾部的保存关闭按钮部分 -->
			<div class="modal-footer">    
				<button type="button" class="btn btn-default" data-dismiss="modal">
					<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
				</button>    
				
				<button type="button" id="btn_submit" class="btn btn-primary"  onclick="AddOrder()" > 
					<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
				</button>   
			</div>   
			
			</div>  
		</div>  
	</div> 
	
	
	
<script type="text/javascript" src="${pageContext.request.contextPath}/sys/style/js/reserve.js"></script>		
  </body>
  
</html>
